.parallax-demo {
  .item {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 1s ease-in-out;
    img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 1s;
    }
  }
  .prev {
    z-index: 1;
    height: 0;
    img {
      transform: translateY(-10%);
    }
  }
  .next {
    z-index: 1;
    height: 0;
    bottom: 0;
    img {
      bottom: 0;
      transform: translateY(10%);
    }
  }

  .scroll_up {
    .prev {
      height: 100%;
      img {
        transform: translateY(0);
      }
    }
    .cur {
      img {
        transform: translateY(10%);
      }
    }
  }
  .scroll_down {
    .next {
      height: 100%;
      img {
        transform: translateY(0);
      }
    }
    .cur {
      img {
        transform: translateY(-10%);
      }
    }
  }
}
